<%-- 
    Document   : checkout_FirstStep
    Created on : Nov 11, 2012, 3:27:39 PM
    Author     : chickencake1
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@page import="Model.ObjectBean.ViewBean.*"%>
<!DOCTYPE html>
<head>
    
            <script type="text/javascript">
            function toogleBox()
            {
                if(document.myform.isNewCustomer[0].checked==true)
                    {
                        document.myform.checkout_username.value="";
                        document.myform.checkout_username.disabled=true;
                    }
                 if(document.myform.isNewCustomer[0].checked==true)
                    {
                        document.myform.checkout_username.disabled=false;
                    }
            }
            
            function Disable()          
            {
                item1=document.getElementById("loginForm");  

                   //item1.style.display="none";
                   //item.disabled=true;
                   document.getElementById("ck_username").disabled=true;
                   document.getElementById("ck_passw").disabled=true;
                   document.getElementById("change").disabled=true;

            }
            function Enable()          
            {
                item1=document.getElementById("loginForm");  
                  // item1.style.display="block";
                   document.getElementById("ck_username").disabled=false;
                   document.getElementById("ck_passw").disabled=false;
                   document.getElementById("change").disabled=false;

            }
                          function visiblePaymentInput1(choose_id,id)          
            {
                item=document.getElementById(id);
                if(document.getElementById(choose_id).value=="1")                   
                    item.style.display="block";
                else
                   item.style.display="none";
            }               

            function checkbox_Disable()
            {
                if(document.getElementById("change").checked==true)
                    {
                    item1=document.getElementById("paymentForm");
                    item1.style.display="block";
                    }
                    else
                        {
                                                item1=document.getElementById("paymentForm");
                    item1.style.display="none";
                        }

            }
        </script>
</head>
<form name="myform" action="checkoutServlet" method="GET">
<table class="Checkout_FirstStep-table">
    <th><b>Đăng nhập</b></th>
    <tr>
        <td></td>
        <td>
            <input type="radio" name="isNewCustomer" value="new"
                   onclick="Disable()" onchange="Disable()" checked/>Bạn chưa có tài khoản<br/>
            <input type="radio" name="isNewCustomer" value="old"  onclick="Enable()" onchange="Enable()"/> 
                   Bạn đã có tài khoản<br/>
                   <div id="loginForm">
            Nhập tài khoản của bạn :<input type="text" name="username"  id="ck_username"/><br/>
            Mật khẩu :<input type="password" name="password" id="ck_passw"/>
            <a href="">Bạn quên mật khẩu ?</a><br/>
            <hr>
            <b>Bạn có muốn thay đổi cách thức thanh toán không ?</b> 
            <input type="checkbox" name="isChange" value="true" id="change"
                   onchange="checkbox_Disable()"/> <br/>
            <div id="paymentForm" style="display: none">
                <select name="payment_style" id="payment_sty1" 
                                                 onmousedown="visiblePaymentInput1('payment_sty1','paymentaccount1')"
                                                 onmouseup="visiblePaymentInput1('payment_sty1','paymentaccount1')">
                    <option value="">Chọn cách thanh toán</option>
                    <option value="0">Trực tiếp, tại nhà của quí khách</option>
                    <option value="1">Tài khỏan Paypal</option>
                </select><br/>
                
                                                <table class="paymentAccount" id="paymentaccount1" style="display: none">
                                <tr >
				<td class="re-normaltext">Paypal Account:</td>
				<td class="re-input"><input type="text" name="account_ID" /></td>
                                </tr>
                                <tr>
				<td class="re-normaltext">Postal code:</td>
				<td><input type="password" name="postal_code"/></td>
				</tr>
                                </table>
                
            </div>
            
                   </div>
                      
        </td>
    </tr>
    <tr>
        <td></td>
        <td><input type="submit" value="Tiếp tục"/></td>
    </tr>
</table>

</form>

